<div #tableSet class="quote-table" resizing (afterResizing)="updatePageSize($event)" [ngClass]="{'quote-table-responsive': options.responsive.enabled, 'quote-table-with-pagination': options.parts.pagination, 'quote-with-scrollable': scrollable}">
    <!--<div class="quote-table-caption" *ngIf="options.parts.caption">
    <h4 class="table-caption">{{options.parts.caption}}</h4>
  </div>-->
    <div #mainContainer class="flex-container">
        <div class="quote-table-head" *ngIf="headers?.headHeader">
            <quote-table-row [isHeaderRow]="true" [headers]="headers.headHeader" (quoteClick)="setOrder($event.key)" *ngIf="options.parts.header" [appendModule]="appendModule">
            </quote-table-row>
            <div #tableMain class="quote-table-main">
                <quote-table-row [quote]="quote" [class.active]="highLightStockSymbol === quote.symbol" [headers]="headers.headHeader" (quoteDblClick)="onDblClick($event)" (quoteClick)="onClick($event)" [appendModule]="appendModule" *ngFor="let quote of quoteData; trackBy: getQuoteSymbol">
                </quote-table-row>
                <quote-table-row [isEmptyRow]="true" [headers]="headers.headHeader" *ngIf="!state.sticky && options.parts.emptyRow && scrollable">
                </quote-table-row>
            </div>
        </div>
        <div class="quote-table-body" [class.fixed-width]="options.minWidthOfBody" *ngIf="headers?.bodyHeader">
            <quote-table-row [isHeaderRow]="true" [headers]="headers.bodyHeader" *ngIf="options.parts.header" [appendModule]="appendModule" (quoteClick)="setOrder($event.key)">
            </quote-table-row>
            <div #tableMain class="quote-table-main">
                <!--<quote-table-row [isEmptyRow]="true" [headers]="headers.bodyHeader" *ngIf="state.sticky">
        </quote-table-row>-->
                <quote-table-row [quote]="quote" [class.active]="highLightStockSymbol === quote.symbol" [headers]="headers.bodyHeader" (quoteDblClick)="onDblClick($event)" (quoteClick)="onClick($event)" [appendModule]="appendModule" *ngFor="let quote of quoteData; trackBy: getQuoteSymbol">
                </quote-table-row>
                <quote-table-row [isEmptyRow]="true" [headers]="headers.bodyHeader" *ngIf="!state.sticky && options.parts.emptyRow && scrollable">
                </quote-table-row>
            </div>
        </div>
        <cm-scroll-bar *ngIf="scrollable" [elem]="mainContainer" [scrollBarSource]="scrollBarSource" (onScroll)="updateVisibleData($event)" [top]="tableMinTop + 'px'" [bottom]="tableMinBottom + 'px'"></cm-scroll-bar>
    </div>
</div>
<!--<quote-pagination *ngIf="options.parts.pagination" [subject]="pagination" [quoteState]="quoteTable" [updateEventSource]="updateEventSource"
  [tableInstance]="this" [pageSize]="pageSize"></quote-pagination>-->